<!-- Aside.vue -->
<template>
  <div class="aside-container">
    <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      router
    >
      <el-menu-item index="1" route="/admin/accompanyingManagement">
        <i class="el-icon-s-order"></i>
        <span slot="title">陪玩管理</span>
      </el-menu-item>
      <el-menu-item index="2" route="/admin/BossManagement">
        <i class="el-icon-s-order"></i>
        <span slot="title">老板管理</span>
      </el-menu-item>
      
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-setting"></i>
          <span>报表管理</span>
        </template>
        <el-menu-item index="3-1" route="/admin/AdminHome">老板报表</el-menu-item>
        <el-menu-item index="3-2" route="/admin/RevenueStatistics">财务报表</el-menu-item>
        <el-menu-item index="3-3" route="/admin/ServicePriceConfiguration">客服报表</el-menu-item>
        <el-menu-item index="3-4" route="/admin/PunishmentRuleConfiguration">陪玩报表</el-menu-item>
      </el-submenu>
      
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-setting"></i>
          <span>系统配置</span>
        </template>
        <el-menu-item index="4-1" route="/admin/CustomerServiceManagement">客服管理</el-menu-item>
        <el-menu-item index="4-2" route="/admin/FinancialManagement">财务管理</el-menu-item>
        <el-menu-item index="4-3" route="/admin/gameList">游戏类型管理</el-menu-item>
        <el-menu-item index="4-4" route="/admin/LevelManagement">游戏段位管理</el-menu-item>
        <el-menu-item index="4-5" route="/admin/MembershipManagement">礼物管理</el-menu-item>
        <el-menu-item index="4-6" route="/admin/SettlementRatioConfiguration">结算比例</el-menu-item>
      </el-submenu>
      
      <el-menu-item index="5" route="/admin/orderManagement">
        <i class="el-icon-s-order"></i>
        <span slot="title">订单管理</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: 'AdminAside'
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.aside-container {
  height: 100%;
  background-color: #545c64;
}

.logo {
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #434a50;
  color: #fff;
}

.el-menu {
  border-right: none;
}

/* 清除浮动的通用类 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
</style>
